<template>
  <div class="company-situation-content">
    <content-title
      titleTop="Our Office environment and team"
      title="办公环境及团队风貌"
    ></content-title>
    <div class="company-situation-list">
      <div class="company-situation-item">
        <img src="@/assets/image/home-company-1.png" class="img-iocn" alt="" />
        <div class="item-text">
          <div class="name">01 | 企业文化</div>
          <div class="text">
            >> 以客户为中心，提升客户价值，提交客户满意度为出发点
          </div>
        </div>
      </div>
      <div class="company-situation-item">
        <img src="@/assets/image/home-company-2.png" class="img-iocn" alt="" />
        <div class="item-text">
          <div class="name">02 | 办公环境</div>
          <div class="text">
            >> 心中有梦想，工作有激情，公司成员办公场景风貌
          </div>
        </div>
      </div>
      <div class="company-situation-item">
        <img src="@/assets/image/home-company-3.png" class="img-iocn" alt="" />
        <div class="item-text">
          <div class="name">03 | 团队风貌</div>
          <div class="text">
            >> 专业的、多年经验、多行业会计师团队，保障您财税无忧
          </div>
        </div>
      </div>
      <div class="company-situation-item">
        <img src="@/assets/image/home-company-4.png" class="img-iocn" alt="" />
        <div class="item-text">
          <div class="name">04 | 公司荣誉</div>
          <div class="text">>> 公司部分荣誉证书展示</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import contentTitle from "../content-title/content-title.vue";
import { IsPC } from "@/common/utils";
import { ref } from "vue";

const pc = ref(IsPC());
</script>
<style lang="less">
@import "@/style/var.less";
@import "./index.less";
</style>
